<!DOCTYPE html>
<html lang="zh_CN">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

</body>
<script type="text/javascript">

    /*
    * 在实际写代码的时候我们要统一规范，例如整个项目里面的函数全部都小驼峰命名法，而不要在一个项目引入多种规范，这样不利于后期新的同事接手和后期维护。
    * A----A离职---B接手---新功能开发----C接手----维护----
    *
    * 凡是都要有规矩，更好的协作开发。（团队协作）（个人英雄主义）
    *
    * 并且在业内目前有专门的前端的规范标准，以及检测这些代码是否复合规范标准的工具。
    *
    * 1. 自己公司内部有规范。
    *   1.1 例如：公司内部明确规定函数的命名必须使用小驼峰。
    *   1.2 ....
    *
    * 2. bat企业内部存在很多好的开发规范，后期开源到广大的互联网，然后其他的互联网企业进行借鉴。
    *   2.1 淘宝前端规范（国内的前端技术看淘宝）
    *       https://blog.csdn.net/k20090504/article/details/83798165
    *
    *   2.2 京东的前端规范
    *       https://www.cnblogs.com/qingyanxd/articles/15637924.html
    *
    *       https://taro.aotu.io/
    *
    *   2.3 YUI 雅虎的前端规范
    *       https://blog.csdn.net/payne1010/article/details/7743192
    *
    *       https://www.cnblogs.com/zawjdbb/p/8583198.html
    *
    *
    *   2.4 爱彼迎前端规范
    *       https://blog.csdn.net/haoshidai/article/details/52833377
    *
    *
    * 3. 官方的规范：standardjs 规范
    *       https://standardjs.com/readme-zhcn.html
    *
    *
    * 业内也推出了很多的代码规范检测工具
    *   eslint jslint jshint
    *
    *   eslint 是目前最为流行的一个代码规范检测工具，使用该工具可以检测我们的代码是否复合前端的编码规范，如果复合代码正常的运行，如果不符合，则会给出提示，用户需要自行修正后，复合规范后才可以运行。
    *https://eslint.bootcss.com/demo/#eyJ0ZXh0IjoidmFyIGEgPSAxMjtcclxudmFyIGIgPSAxMjtcclxudmFyIGMgPSAxNDtcclxuXHJcblxyXG5mdW5jdGlvbiBhbGVydChhLCBiKXtcclxuIHJldHVybiBhICsgYiArIGM7XHJcbn1cclxuXHJcbmFsZXJ0KGEgLCBiKTsiLCJvcHRpb25zIjp7InBhcnNlck9wdGlvbnMiOnsiZWNtYVZlcnNpb24iOjUsInNvdXJjZVR5cGUiOiJzY3JpcHQiLCJlY21hRmVhdHVyZXMiOnt9fSwicnVsZXMiOnsiY29uc3RydWN0b3Itc3VwZXIiOjIsImZvci1kaXJlY3Rpb24iOjIsImdldHRlci1yZXR1cm4iOjIsIm5vLWFzeW5jLXByb21pc2UtZXhlY3V0b3IiOjIsIm5vLWNhc2UtZGVjbGFyYXRpb25zIjoyLCJuby1jbGFzcy1hc3NpZ24iOjIsIm5vLWNvbXBhcmUtbmVnLXplcm8iOjIsIm5vLWNvbmQtYXNzaWduIjoyLCJuby1jb25zdC1hc3NpZ24iOjIsIm5vLWNvbnN0YW50LWNvbmRpdGlvbiI6Miwibm8tY29udHJvbC1yZWdleCI6Miwibm8tZGVidWdnZXIiOjIsIm5vLWRlbGV0ZS12YXIiOjIsIm5vLWR1cGUtYXJncyI6Miwibm8tZHVwZS1jbGFzcy1tZW1iZXJzIjoyLCJuby1kdXBlLWtleXMiOjIsIm5vLWR1cGxpY2F0ZS1jYXNlIjoyLCJuby1lbXB0eSI6Miwibm8tZW1wdHktY2hhcmFjdGVyLWNsYXNzIjoyLCJuby1lbXB0eS1wYXR0ZXJuIjoyLCJuby1leC1hc3NpZ24iOjIsIm5vLWV4dHJhLWJvb2xlYW4tY2FzdCI6Miwibm8tZXh0cmEtc2VtaSI6Miwibm8tZmFsbHRocm91Z2giOjIsIm5vLWZ1bmMtYXNzaWduIjoyLCJuby1nbG9iYWwtYXNzaWduIjoyLCJuby1pbm5lci1kZWNsYXJhdGlvbnMiOjIsIm5vLWludmFsaWQtcmVnZXhwIjoyLCJuby1pcnJlZ3VsYXItd2hpdGVzcGFjZSI6Miwibm8tbWlzbGVhZGluZy1jaGFyYWN0ZXItY2xhc3MiOjIsIm5vLW1peGVkLXNwYWNlcy1hbmQtdGFicyI6Miwibm8tbmV3LXN5bWJvbCI6Miwibm8tb2JqLWNhbGxzIjoyLCJuby1vY3RhbCI6Miwibm8tcHJvdG90eXBlLWJ1aWx0aW5zIjoyLCJuby1yZWRlY2xhcmUiOjIsIm5vLXJlZ2V4LXNwYWNlcyI6Miwibm8tc2VsZi1hc3NpZ24iOjIsIm5vLXNoYWRvdy1yZXN0cmljdGVkLW5hbWVzIjoyLCJuby1zcGFyc2UtYXJyYXlzIjoyLCJuby10aGlzLWJlZm9yZS1zdXBlciI6Miwibm8tdW5kZWYiOjIsIm5vLXVuZXhwZWN0ZWQtbXVsdGlsaW5lIjoyLCJuby11bnJlYWNoYWJsZSI6Miwibm8tdW5zYWZlLWZpbmFsbHkiOjIsIm5vLXVuc2FmZS1uZWdhdGlvbiI6Miwibm8tdW51c2VkLWxhYmVscyI6Miwibm8tdW51c2VkLXZhcnMiOjIsIm5vLXVzZWxlc3MtY2F0Y2giOjIsIm5vLXVzZWxlc3MtZXNjYXBlIjoyLCJuby13aXRoIjoyLCJyZXF1aXJlLWF0b21pYy11cGRhdGVzIjoyLCJyZXF1aXJlLXlpZWxkIjoyLCJ1c2UtaXNuYW4iOjIsInZhbGlkLXR5cGVvZiI6Mn0sImVudiI6e319fQ==
    *
    * 目前来说，我们还是需要手工的检测，后期学了 前端工程化，使用 webpack
    * 之后就可以实现自动化的检测，不需要手工的检测。
    *
    * 1. grunt
    * 2. gulp
    * 3. webpack
    * 4. vite (vue3)
    *
    *
    * */

    /*
    * 需求：可以通过用户的主键id，获取到用户的信息
    *
    * get+User+Info+By+Id
    *
    *1. 小驼峰命名法
    * */

    function getUserInfoById(id) {
        // return ...
    }

    /**
     * Get + User + Info + By + Id
     *
     *2. 大驼峰命名法
     * */
    function GetUserInfoById(id) {

        // return ...
    }

    /**
     * get _ user _ info _ by _ id
     *
     * 3. 下划线命名法
     */
    function get_user_info_by_id(id) {

    }

    /*
    * 函数的命名的时候有些规范讲解的：
    * 1. 函数的名称要做到见名知意
    * 2. 函数的命名的风格大体有这些
    *   2.1 小驼峰命名法
    *   2.2 大驼峰命名法
    *   2.3 下划线命名法
    *
    * */
    function f() {

    }


</script>

</html>
